{{extend './base.html'}}
{{block 'titleBlock'}}文章详情页{{/block}}
{{block 'scriptBlock'}}<script type="text/javascript" src="/news/js/detail.js"></script>{{/block}}
{{block 'contentLeftBlock'}}
<div class="detail_con fl">
    <h3>{{newsData.title}}</h3>
    <div class="detail_about clearfix">
        <span class="time_souce fl">{{newsData.create_time | dateFormat}} 来源: {{newsData.source}}</span>
        <span class="comment fr">{{newsData.clicks}}</span>
    </div>

    <p class="summary">
        摘要：{{newsData.digest}}
    </p>
    {{@newsData.content}}
<a href="javascript:;" class="collection block-center" data-newid="{{newsData.id}}" style="display: {{isCollected?'none':'block'}}">收藏</a>
<a href="javascript:;" class="collected block-center" data-newid="{{newsData.id}}" style="display: {{isCollected?'block':'none'}}"><span class="out">已收藏</span><span class="over">取消收藏</span></a>

{{if !user_info}}
<div class="comment_form_logout">
    登录发表你的评论
</div>
{{else}}

<form action="" class="comment_form" data-newsid="{{newsData.id}}">
    <div class="person_pic">
        <img src="{{user_info.avatar_url}}" alt="用户图标">
    </div>
    <textarea placeholder="请发表您的评论" class="comment_input"></textarea>
    <input type="submit" name="" value="评 论" class="comment_sub">
</form>
{{/if}}

<div class="comment_count">
    {{newsData.comment_count?newsData.comment_count:0}}条评论
</div>

<div class="comment_list_con">
    {{each commentList}}
    <div class="comment_list">
        <div class="person_pic fl">
            <img src="{{$value.commenter.avatar_url}}" alt="用户图标">
        </div>    
        <div class="user_name fl">{{$value.commenter.nick_name}}</div>
        <div class="comment_text fl">
            {{$value.content}}
        </div>
        {{if $value.parent_id}}
        <div class="reply_text_con fl">
            <div class="user_name2">{{$value.parent.user.nick_name}}</div>
            <div class="reply_text">
                {{$value.parent.content}}
            </div>
        </div>
        {{/if}}
        <div class="comment_time fl">{{$value.create_time | dateFormat}}</div>
        <a href="javascript:;" class="{{user_like_comments_ids.indexOf($value.id)>=0?'has_comment_up':''}} comment_up fr" data-newsid="{{$value.news_id}}" data-commentid="{{$value.id}}" data-likecount="{{ $value.like_count?$value.like_count:0}}">{{ $value.like_count?$value.like_count:"赞"}}</a>
        <a href="javascript:;" class="comment_reply fr">回复</a>
        <from class="reply_form fl" data-newsid="{{$value.news_id}}" data-commentid="{{$value.id}}">
            <textarea  class="reply_input"></textarea>
            <input type="submit" name="" value="回复" class="reply_sub fr">
            <input type="reset" name="" value="取消" class="reply_cancel fr">
        </from>            
    </div>
    {{/each}}
    <!-- <div class="comment_list">
        <div class="person_pic fl">
            <img src="/news/images/worm.jpg" alt="用户图标">
        </div>    
        <div class="user_name fl">用户张山</div>
        <div class="comment_text fl">
            遏制茅台酒价格过快上涨，多渠道供给，就不一定要买，租茅台酒也可以的，租售同权。开发共有产权茅台酒，让老百姓喝得起茅台酒，饮者有其酒。
        </div>
        <div class="reply_text_con fl">
            <div class="user_name2">用户李思</div>
            <div class="reply_text">
                遏制茅台酒价格过快上涨，多渠道供给，就不一定要买，租茅台酒也可以的，租售同权。开发共有产权茅台酒，让老百姓喝得起茅台酒，饮者有其酒。
            </div>
        </div>
        <div class="comment_time fl">2017-01-01 00:00:00</div>
        <a href="javascript:;" class="comment_up has_comment_up fr">1</a>
        <a href="javascript:;" class="comment_reply fr">回复</a>
        <from class="reply_form fl" data-newsid="" data-commentid="">
            <textarea  class="reply_input"></textarea>
            <input type="submit" name="" value="回复" class="reply_sub fr">
            <input type="reset" name="" value="取消" class="reply_cancel fr">
        </from>            
    </div>

    <div class="comment_list">
        <div class="person_pic fl">
            <img src="/news/images/worm.jpg" alt="用户图标">
        </div>    
        <div class="user_name fl">用户张山</div>
        <div class="comment_text fl">
            遏制茅台酒价格过快上涨，多渠道供给，就不一定要买，租茅台酒也可以的，租售同权。开发共有产权茅台酒，让老百姓喝得起茅台酒，饮者有其酒。
        </div>
        <div class="comment_time fl">2017-01-01 00:00:00</div>
        <a href="javascript:;" class="comment_up fr">赞</a>
        <a href="javascript:;" class="comment_reply fr">回复</a>
        <from class="reply_form fl">
            <textarea  class="reply_input"></textarea>
            <input type="submit" name="" value="回复" class="reply_sub fr">
            <input type="reset" name="" value="取消" class="reply_cancel fr">
        </from>            
    </div>

    <div class="comment_list">
        <div class="person_pic fl">
            <img src="/news/images/worm.jpg" alt="用户图标">
        </div>    
        <div class="user_name fl">用户张山</div>
        <div class="comment_text fl">
            遏制茅台酒价格过快上涨，多渠道供给，就不一定要买，租茅台酒也可以的，租售同权。开发共有产权茅台酒，让老百姓喝得起茅台酒，饮者有其酒。
        </div>
        <div class="comment_time fl">2017-01-01 00:00:00</div>
        <a href="javascript:;" class="comment_up fr">赞</a>
        <a href="javascript:;" class="comment_reply fr">回复</a>
        <from class="reply_form fl">
            <textarea  class="reply_input"></textarea>
            <input type="submit" name="" value="回复" class="reply_sub fr">
            <input type="reset" name="" value="取消" class="reply_cancel fr">
        </from>            
    </div>

    <div class="comment_list">
        <div class="person_pic fl">
            <img src="/news/images/worm.jpg" alt="用户图标">
        </div>    
        <div class="user_name fl">用户张山</div>
        <div class="comment_text fl">
            遏制茅台酒价格过快上涨，多渠道供给，就不一定要买，租茅台酒也可以的，租售同权。开发共有产权茅台酒，让老百姓喝得起茅台酒，饮者有其酒。
        </div>
        <div class="comment_time fl">2017-01-01 00:00:00</div>
        <a href="javascript:;" class="comment_up fr">赞</a>
        <a href="javascript:;" class="comment_reply fr">回复</a>
        <from class="reply_form fl">
            <textarea  class="reply_input"></textarea>
            <input type="submit" name="" value="回复" class="reply_sub fr">
            <input type="reset" name="" value="取消" class="reply_cancel fr">
        </from>            
    </div> -->
</div>
    
    
</div>{{/block}}
{{block 'authorCardBlock'}}<div class="author_card">
    <a href="#" class="author_pic"><img src="{{authorInfo.avatar_url?authorInfo.avatar_url:'/news/images/user_pic.png'}}" alt="author_pic"></a>
    <a href="#" class="author_name">{{authorInfo.nick_name}}</a>
    <div class="author_resume">{{authorInfo.signature}}</div>
    <div class="writings"><span>总篇数</span><b>{{authorNewsCount}}</b></div>
    <div class="follows"><span>粉丝</span><b>{{authorFansCount}}</b></div>
    <a href="javascript:;" class="focus fr" style="display: {{isFollow?'none':'block'}}" data-userid="{{authorInfo.id}}">关注</a>
    <a href="javascript:;" class="focused fr" style="display: {{isFollow?'block':'none'}}" data-userid="{{authorInfo.id}}"><span class="out">已关注</span><span class="over">取消关注</span></a>
</div>{{/block}}